.boxStylePublic {
    border: 1px solid var(--color-border);
    border-top: none;
    border-radius: 4px;
    border-start-end-radius: 0px;
    border-start-start-radius: 0px;
}

.notes {
    .leftBox {
        padding: 26px 20px 0px;
        background-color: var(--bg-level2-color);
        height: 100vh;

        .boxStyle1 {
            position: relative;
            background-color: var(--bg-level2-color);
            height: 15px;
            margin: 0px 18px;
            .boxStylePublic();

            .boxStyle2 {
                .boxStylePublic();
                background-color: var(--bg-level3-color);
                height: 10px;
                width: 90%;
                position: absolute;
                top: 15px;
                left: 50%;
                transform: translateX(-50%);
            }
        }
    }

    .rightBox {
        padding-top: 24px;
        text-align: right;
        margin-left: 30px;
        overflow: hidden;
        overflow-y: auto;
        height: 100vh;

        .cardCheckBox {
            width: 100%;
            height: calc(100vh - 62px);
            overflow: hidden;
            overflow-y: auto;
        }

        .tableBox {
            display: flex;
            align-items: start;
            text-align: start;
            min-width: 270px;
            width: 100%;
            margin-top: 16px;

            .tableItem {
                background-color: var(--bg-level2-color);
                padding: 20px 12px 8px;
                border-radius: 4px;
                width: 100%;
                transition: all 0.3s;

                .tableBody {
                    padding: 8px 12px;
                }

                :global {
                    .tiptap {
                        min-height: 100px !important;
                    }
                }
            }

            .checkItem {
                opacity: 0;
                margin-right: 16px;
            }

            .editBtnStyle {
                margin: 0px 24px 0px 16px;
                padding: 10px;
                font-size: 22px;
                opacity: 0;
            }
        }

        .tableBox:hover {
            .tableItem {
                box-shadow: 0 0 1px -1px var(--bg-show-color), 0 1px 2px 0 var(--bg-show-color), 0 2px 4px 1px var(--bg-show-color);
            }

            .editBtnStyle,
            .checkItem {
                opacity: 1;
            }
        }
    }
}

// 局部修改antd样式
// :global{
//     .ant-btn-primary {
//         background: #f5f5f5 ;
//         border-color: #eaeaea;
//       }
// }